<script>
import { defineComponent, getCurrentInstance } from "vue";

export default defineComponent({
  props: {
    that: Object,
  },
  setup(props) {
    return { that: props.that };
  },
  render() {
    let that = this.that;
    return (
      <div class="styleValue">
        <span>对齐方式</span>
        <a-radio-group
          value={this.$store.state.aimAttrs.justifyContent}
          size="small"
          onChange={(e) => {
            this.$store.commit("aimAttrsChange", {
              newValue: e,
              attrsName: "justifyContent",
              that,
            });
          }}
        >
          <a-radio-button value="center">中间</a-radio-button>
          <a-radio-button value="flex-start">左侧</a-radio-button>
          <a-radio-button value="flex-end">右侧</a-radio-button>
          <a-radio-button value="space-between">靠边</a-radio-button>
          <a-radio-button value="space-around">均匀</a-radio-button>
        </a-radio-group>
      </div>
    );
  },
});
</script>
